/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background:#ddd; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.25em;
	color:#676363;
	}
html { min-width:980px;}
html, body { height:100%;}

/* Global Structure ============================================================= */
.container_24 {
	position: relative;
	font-size:.75em;
	}

	/* Header */
	body > header{
		height:523px;
		background:url(../images/header-pattern.gif) 50% 0 repeat-x #ddd;
		}
		body > header .splash {
			background:url(../images/header-splash.png) no-repeat 50% 0;
			height:523px;
			}
	
	/* Content */
	section#content {
		padding:35px 0 270px 0;
		}
		
	/* Footer */
	body > footer{
		background:#595959;
		padding:24px 0 20px 0;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#fff;
		}




/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 20px; }

/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	}

/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
	}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
	}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
		}

.extra-wrap { 
	overflow:hidden;
	}

p {margin-bottom:23px;}
.p1 { margin-bottom:12px;}
.p2 { margin-bottom:23px;}
.p3 { margin-bottom:35px;}


/*----- txt, links, lines, titles -----*/
a {
	color:#429b0c; 
	outline:none;
	}
a:hover{
	text-decoration:none;
	}

h2 {
	font-size:41px;
	line-height:1.2em;
	color:#0e5291;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:1em;
	}
h3 {
	font-size:32px;
	line-height:1.2em;
	color:#429b0c;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:1em;
	}
	h3 img {
		position:relative;
		top:14px;
		}

h5 {
	font-size:1em;
	margin-bottom:.2em;
	}
h6 {
	font-size:1em;
	margin-bottom:.4em;
	}
	
hgroup {
	margin-bottom:34px;
	}
hgroup h3 {
	margin-bottom:0;
	}
hgroup h6 {
	font-size:1em;
	font-weight:normal;
	font-size:14px;
	margin-bottom:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

.button { 
	display:inline-block;
	border:1px solid #ce7d2d;
	background:url(../images/nav-bg.png) no-repeat 50% 0 #ad471c;
	border-radius:13px;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	padding:4px 19px 4px 19px;
	font-size:13px;
	box-shadow:1px 2px 0 rgba(0, 0, 0, .4);
	-moz-box-shadow:1px 2px 0 rgba(0, 0, 0, .4);
	-webkit-box-shadow:1px 2px 0 rgba(0, 0, 0, .4);
	position:relative;
	behavior:url(js/PIE.htc);
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	margin-bottom:2px;
}
.button:hover {
	background:url(../images/nav-bg.png) no-repeat 50% 0 #bf572c;
	}


.departments {
	margin-top:-20px;
	overflow:hidden;
}
	.departments dt {
		font-weight:bold;
		margin-top:20px;
	}
	.departments dd { 
		clear:both;
	}
		.departments dd span { 
			float:left;
			width:80px;
		}



/* Header
---------------------------------------- */

/* Logo */
header .logo {
	position:absolute;
	left:0;
	top:40px;
	padding:0 0 0 70px;
	}
	header .logo h1 {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:50px;
		line-height:1.2em;
		text-shadow:2px 2px 0 #012271;
		}
		header .logo h1 a {
			text-decoration:none;
			color:#eaeaea;
			}
	header .logo span {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#60c5ff;
		font-size:13px;
		display:block;
		position:absolute;
		right:6px;
		bottom:-6px;
		}

/* Navigation */
header nav {
	position:absolute;
	right:0;
	top:72px;
	}
	header nav li {
		float:left;
		padding-left:5px;
		}
		header nav li a {
			float:left;
			font-size:15px;
			text-decoration:none;
			color:#fff;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			padding:5px 20px 8px 20px;
			position:relative;
			}
		header nav li a:hover {
			text-decoration:underline;
			}
		header nav li a.current {
			border:1px solid #76eaf6;
			background:url(../images/nav-bg.png) no-repeat 50% 0 #3aa7d8;
			border-radius:13px;
			-moz-border-radius:13px;
			-webkit-border-radius:13px;
			text-shadow:1px 1px 0 #0a65a9;
			padding:4px 19px 7px 19px;
			box-shadow:1px 2px 0 #012271;
			-moz-box-shadow:1px 2px 0 #012271;
			-webkit-box-shadow:1px 2px 0 #012271;
			behavior:url(js/PIE.htc);
			text-decoration:none !important;
			}

/* Slider */
.slider-wrapper {
	padding:8px;
	position:absolute;
	left:0;
	top:167px;
  background-color: rgba(255, 255, 255, 0.3);  
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#60ffffff',EndColorStr='#60ffffff'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#60ffffff',EndColorStr='#60ffffff')";
	}
	.slider-wrapper .indent {
		background:#fff;
		padding:11px 9px;
		width:950px;
		}

/* Required */
#loopedSlider .container { 
	width:950px;
	height:320px;
	overflow:hidden;
	position:relative;
	}
.slides { position:absolute; top:0; left:0; }
.slides > div { position:absolute; top:0; width:950px; display:none; }
.slides > div .inner {
	padding:39px 75px 40px 76px;
	}

/* Optional */
#loopedSlider { 
	width:950px;
	height:320px;
	position:relative; 
	clear:both;
	background:url(../images/slider-bg.jpg) no-repeat 0 0;
	}
	#loopedSlider .previous {
		position:absolute;
		left:-35px;
		top:124px;
		width:64px;
		height:62px;
		background:url(../images/prev.png) no-repeat 0 0;
		}
	#loopedSlider .next {
		position:absolute;
		right:-35px;
		top:124px;
		width:64px;
		height:62px;
		background:url(../images/next.png) no-repeat 0 0;
		}
		


.mainText {
	float:left;
	width:322px;
	margin-right:40px;
	padding:40px 0 60px 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:50px;
	line-height:1em;
	color:#dbdbdb;
	font-weight:bold;
	text-shadow:1px 2px 0 #164e00;
	background:url(../images/divider.jpg) no-repeat 100% 0;
	}
	.mainText span {
		display:block;
		font-size:32px;
		line-height:1.2em;
		}
.text {
	float:left;
	width:433px;
	padding:20px 0 10px 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:13px;
	line-height:23px;
	}
	.text p {
		margin-bottom:23px;
		}

/*===== content =====*/
#content article {
	padding-bottom:50px;
}
.bg1 {
	background:#c3c3c3;
	padding:24px 40px 18px 0;
	}
.bg2 {
	background:#ededed;
	padding:24px 40px 18px 0;
	}
	.bg1 h6, .bg2 h6 {
		padding-top:20px;
		}
	.bg1 .img-indent, .bg2 .img-indent {
		margin-right:10px;
		}
	
	.date-list li {
		position:relative;
		height:1%;
		padding:0 0 20px 79px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:13px;
		}
		.date-list li p.date {
			position:absolute;
			left:0;
			top:5px;
			margin:0;
			width:55px;
			height:67px;
			background:url(../images/date-bg.jpg) no-repeat 0 0;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#fff;
			font-size:17px;
			text-align:center;
			text-transform:uppercase;
			font-weight:bold;
			}
			.date-list li p.date span {
				display:block;
				font-size:33px;
				padding:5px 0 5px 0;
				line-height:1em;
				}

.clients {
	width:100%;
	overflow:hidden;
	margin-bottom:-17px;
	}
	.clients li {
		float:left;
		padding:0 17px 17px 0;
		}
	.clients li.last {
		padding-right:0;
		}
		.clients li a {
			float:left;
			border:3px solid #fff;
			}
		.clients li a:hover {
			opacity:.7;
			}

.list1 {
	padding-bottom:20px;
	}
	.list1 li {
		background:url(../images/bull1.gif) no-repeat 0 13px;
		line-height:28px;
		padding-left:21px;
		}

/*===== footer =====*/
body > footer .container_24 {
	font-size:13px;
}
	body > footer a {
		color:#fff;
		text-decoration:none;
		}
	body > footer a:hover {
		text-decoration:underline;
		}
		
		
	body > footer .copy {
		float:left;
		}	
		body > footer .copy img {
			position:relative;
			top:-3px;
			margin-left:10px;
			}
	body > footer nav {
		float:right;
		}
		body > footer nav li {
			display:inline;
			}
			body > footer nav li a {
				background:url(../images/footer-divider.gif) no-repeat 0 5px;
				padding:0 7px 0 11px;
				}
			body > footer nav li:first-child a {
				background:none;
				}
		


/*----- forms -----*/
#contacts-form fieldset {
	border:none;
}
	#contacts-form label {
		display:block;
		height:50px;
		overflow:hidden;
	}
		#contacts-form input {
			background:#fff;
			width:290px;
			padding:2px 5px 2px 6px;
			border:none;
			border:1px solid #e1e1e1;
			color:#7e7e7e;
			border-color:#303030 #cecece #e1e1e1 #585858;
		}
		#contacts-form textarea {
			width:290px;
			padding:2px 5px 2px 6px;
			height:104px;
			background:#fff;
			overflow:auto;
			border:1px solid #e1e1e1;
			border-color:#303030 #cecece #e1e1e1 #585858;
			color:#7e7e7e;
			margin-bottom:17px;
		}
		#contacts-form .alignright {
			padding-right:20px;
		}
		#contacts-form .button {
			margin-left:13px;
		}

		.obr { color: red; }
		.deb { padding: 10px 20px; color: #000; border: 1px solid #FF9900; background: #FFEDD2; text-align: left; position:relative; }
		
/*==========================================*/
